<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html>
  <head>
<%--     <base href="<%=basePath%>"> --%>
    
    <title>门户页</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
<link href="<%=basePath%>assets/css/bootstrap.min.css" rel="stylesheet" />
<link href="<%=basePath%>assets/css/font-awesome.min.css" rel="stylesheet" />
<link href="<%=basePath%>assets/css/beyond.min.css" rel="stylesheet" />
<link href="<%=basePath%>assets/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
<script src="<%=basePath%>assets/js/jquery-1.10.1.min.js"></script>
<script src="<%=basePath%>assets/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="<%=basePath%>assets/css/animations.css" />
<link rel="stylesheet" href="<%=basePath%>assets/css/portal.css" />
 <link href="<%=basePath%>assets/css/bootstrapSwitch.css" rel="stylesheet" />
 <script src="<%=basePath%>assets/js/bootstrapSwitch.js"></script>
 <script src="<%=basePath%>assets/js/bootstrap-datetimepicker.js"></script>
<script src="<%=basePath%>assets/js/bootstrap-datetimepicker.zh-CN.js"></script>
    <script src="../assets/js/pageManage.js"></script>

  </head>
  
  <body>
   <div class="widget-header  bordered-bottom bordered-blue">
    <span class="widget-caption">门户页管理</span>
</div>
<div class="widget-body">
<div class="docs-example">
    <form id="accountForm" method="post" class="form-horizontal bv-form" novalidate="novalidate">
                <div class="form-group">
                    <label  class="col-sm-1 control-label">主题</label>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" id="">
                    </div>
                    <label class="col-sm-1 control-label">时间</label>
                    <div class="col-sm-2">
                       <div class='input-group date ' id='start' >
				           <input type='text' class="form-control" id=""  name="" />
				           <span class="input-group-addon">
				               <span class="glyphicon glyphicon-calendar"></span>
				           </span>
				       </div>
                    </div>
                    <div class="col-sm-2">
                        <button type="button" class="btn btn-blue glyphicon glyphicon-search">查询</button>
                        <button type="button" class="btn btn-blue glyphicon glyphicon-plus" id="addmodal">新建</button>
                    </div>
                </div>
                <div class="widget">
							<div class="widget-header ">
								<span class="widget-caption">门户页列表</span>
							</div>
							<div class="widget-body">
								<div role="grid" id="nodotable_wrapper"
									class="dataTables_wrapper form-inline no-footer">
									<div id="nodotable_length"
										style="text-align: right; margin-bottom: 5px;">
										<select name="nodotable_length" aria-controls="nodotable"
											class="form-control input-sm">
											<option value="10">10</option>
											<option value="25">25</option>
											<option value="50">50</option>
											<option value="100">100</option>
										</select>
									</div>
                <table class="table table-striped table-bordered table-hover" id="simpledatatable1">
                    <thead>
                    <tr>
                        <th>编号</th>
                        <th>标题</th>
                        <th>所属实例</th>
                        <th>时间</th>
                        <th>是否公开</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>1</td>
                        <td>DCD2013</td>
                        <td>运维系统故障7</td>
                        <td class="center ">2015-08-2</td>
                        <td>公开</td>
                        <td class=" ">
                            <button type="button" class="btn btn-blue btn-xs " onclick="detailfun('id')" ><i class="fa fa-sign-in"></i> 详细</button>
                            <button type="button" class="btn btn-info btn-xs" onclick="updfun('id')"><i class="fa fa-edit"></i> 编辑</button>
                            <button type="button" class="btn btn-danger btn-xs "><i class="fa fa-trash-o"></i> 移除</button>
                        </td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>DCD2012</td>
                        <td>运维系统故障3</td>
                        <td class="center ">2015-08-3</td>
                        <td>公开</td>
                        <td class=" ">
                            <button type="button" class="btn btn-blue btn-xs"><i class="fa fa-sign-in"></i> 详细</button>
                            <button type="button" class="btn btn-info btn-xs" onclick="updfun('id')"><i class="fa fa-edit"></i> 编辑</button>
                            <button type="button" class="btn btn-danger btn-xs "><i class="fa fa-trash-o"></i> 移除</button>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <div class="row DTTTFooter" style="margin-top:5px;">
						<div class="col-sm-6">
							<div class="dataTables_info" id="nodotable_info" role="alert"
								aria-live="polite" aria-relevant="all"
								style="line-height: 36px;">Showing 1 to 4 of 4 entries</div>
						</div>
						<div class="col-sm-6" style="text-align:right;">
							<div class="dataTables_paginate paging_bootstrap"
								id="nodotable_paginate">
								<ul class="pagination">
									<li class="prev disabled"><a href="#">上一页</a></li>
									<li class="active"><a href="#">1</a></li>
									<li class="next disabled"><a href="#">下一页</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
        
    </form>
</div>
    </div>
<!--新建弹框-->
<div class="modal fade" id="myModal" tabindex="-1"
     role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">新建</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-2 control-label">标题</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="title">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">页面标题</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="pagetit">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">布局</label>
                        <div class="col-sm-10">
                            <select  class="form-control" id="layout">
                                <option>1</option>
                                <option>2</option>
                            </select>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-blue" id="addBtn" data-dismiss="modal" aria-hidden="true">添加</button>
                <button type="reset" class="btn btn-warning" id="resBtn" >重置</button>
            </div>
        </div>
    </div>
</div>
<!--编辑弹框-->
<div class="modal fade" id="updModal" tabindex="-1"
     role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="updModalLabel">编辑</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-2 control-label">标题</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="theme">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">所属实例</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="comp">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-blue" id="subBtn" data-dismiss="modal" aria-hidden="true">提交</button>
                <button type="button" class="btn btn-warning" data-dismiss="modal" aria-hidden="true">取消</button>
            </div>
        </div>
    </div>
</div>
<!--详情弹框-->
<div class="modal fade" id="detailModal" tabindex="-1"
     role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="detailModalLabel">详情</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-2 control-label">标题:</label>
                        <div class="col-sm-10">
                            <label class="col-sm-2 control-label">标题</label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">所属实例:</label>
                        <div class="col-sm-10">
                            <label class="control-label">所属实例</label>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
  </body>
</html>
